<template>
<div>
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{path:'/welcom'}">通用大数据框架智能计算机引擎优化仿真平台</el-breadcrumb-item>
    <el-breadcrumb-item>计算任务</el-breadcrumb-item>
    <el-breadcrumb-item>计算管理</el-breadcrumb-item>
  </el-breadcrumb>
  <el-card>
    <el-row :gutter="15">
      <el-col :span="8">
        <el-input placeholder="请输入内容" class="input-with-select" clearable>
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </el-col>
    </el-row>
    <el-table
      border
      style="width: 100%">
      <el-table-column
        prop="calculationName"
        label="计算名称"
        width="180">
      </el-table-column>
      <el-table-column
          prop="category"
          label="类别"
          width="180">
      </el-table-column>
      <el-table-column
          prop="createTime"
          label="创建时间"
          width="180">
      </el-table-column>
      <el-table-column
          prop="creator"
          label="创建人"
          width="180">
      </el-table-column>
      <el-table-column
          prop="opera"
          label="操作"
          width="360">
      </el-table-column>
    </el-table>
    <el-pagination
      :current-page="queryInfo.pagenum"
      :page-sizes="[10,20,30]"
      :page-size="queryInfo.pagesize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total">

    </el-pagination>
  </el-card>
</div>
</template>

<script>
export default {
  data(){
    return{
      queryInfo:{
        query:'',
        pagenum:1,
        pagesize:10
      },
      total:0,
    }
  },
  name: "calculationmanagement"
}
</script>

<style scoped>

</style>